import React, { Component } from 'react';

import { Flex } from 'antd-mobile';
import 'antd-mobile/lib/flex/style/index.css';

import '../static/styles/clock.css';

class Qianggou extends Component {
    constructor(props){
        super(props);
    }
    render() {
        return (
            <Flex className="time-box bf" justify="between">
                <Flex align="center" className="clock-box">
                    <img className="clock" src={require("../static/icon/clock.png")} />
                    <sapn>抢购</sapn>
                </Flex>
                <Flex direction="row" className="clock-num-box">
                    <div className="clock-num">01</div>
                    天
                    <div className="clock-num">20</div>
                    时
                    <div className="clock-num">56</div>
                    分
                    <div className="clock-num">12</div>
                    秒
                    <img className="right" src={require("../static/icon/right.png")} />
                </Flex>
            </Flex>
        );
    }
}

export default Qianggou;
